/*
 * 可复用的公有布局 - 公用的css
 */

.toast {
	width: 100px;
	height: 100px;
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	text-align: center;
	line-height: 100px;
	color: red;
}

.nav {
	height: 60px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	text-align: center;
	align-items: center;
	display: flex;

	a {
		color: #000;
		flex: 1;
		span {
			font-size: 26px;
		}
	}

	.active {
		color: skyblue;
	}
}

.topnav {
	display: flex;
	text-align: center;
	height: 40px;
	line-height: 40px;
	// box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	width: 90%;
	border-radius: 1px solid rgba(221,221,221,1);
	margin: 0 auto;

	a{
		flex: 1;
	
		
	}

	.active{
		color: dodgerblue;
	
	
		&::after{
			
			content: "";
			display: block;
			width: 40px;
			height: 3px;
			border-bottom: 3px solid darkblue;
			background-color: dodgerblue; ;
			margin: 0px auto;
		}

	}
}
